<div class="bg-light lter b-b wrapper-md">
	<h1 class="m-n font-thin h3">
		<span class="font-bold" translate="header.navbar.notifications">Notifications</span>
	</h1>
</div>

<div class="hbox hbox-auto-xs hbox-auto-sm wrapper-md" ng-controller="NotificationsCtrl">
	<!-- tasks -->
	<div class="row">
		<div class="list-group no-radius alt" ng-if="notes.list.length<=0">
			<a class="list-group-item"> <span class="font-bold"
				translate="common.nodata">No data</span>
			</a>
		</div>
		<div class="col-md-4">
			<div class="list-group no-radius alt">
				<a class="list-group-item" href ng-repeat="model in notes.list"
					ng-click="loadFriendChats(model.userId, {{ $index}});"> <span
					class="badge btn-danger" ng-if="model.noReadMessages>0">{{ model.noReadMessages }}</span> <i
					class="thumb-sm m-r"><img ng-src="{{ model.pic }}" class="r r-2x"></i>
					{{ model.userName }}
				</a>
			</div>
		</div>
		<div class="col-md-8">
			<div class="panel no-border" ng-if="choosenUserName!=''">
				<div class="wrapper b-b b-t b-light m-b">
					<a href class="pull-right text-muted text-md padder-md"
						ng-show="visible" ng-click="deleteCheck()"> <i
						class="icon-close"></i>
					</a> <a href class="pull-right text-muted text-md padder-md"
						ng-hide="visible" ng-click="closeCheck()"> <i
						class="fa fa-undo"></i>
					</a> <a href class="pull-right text-muted text-md padder-md"
						ng-hide="visible" ng-click="deleteMessages(friendId)"> <i
						class="fa fa-check-square-o"></i>
					</a>
					<div class="pull-right" ng-hide="visible">
						<span class="font-bold" translate="common.deletealert">Notifications</span>
					</div>
					{{choosenUserName}}
				</div>
				<div class="row-row">
					<div class="cell">
						<div class="cell-inner padder">
							<!-- chat list -->
							<div class="m-b" ng-repeat="friendChat in friendChats">
								<div ng-if="!friendChat.fromMe">
									<a href class="pull-left thumb-xs avatar"><img
										ng-src="{{ choosenPic }}" alt="..."></a>
									<div class="clear">
										<div class="pos-rlt wrapper-sm b b-light r m-l-sm">
											<span class="arrow left pull-up"></span>
											<p class="m-b-none" ng-if="!friendChat.read">
												<b>{{friendChat.content}}</b>
											</p>
											<p class="m-b-none" ng-if="friendChat.read">{{friendChat.content}}
											<a href class="auto" ui-sref="{{friendChat.uri}}" ng-if="!!friendChat.uri">
										        &nbsp;<i class="fa fa-forward text"></i>
										    </a>
										    </p>
										</div>
										<small class="text-muted m-l-sm"><i
											class="fa fa-ok text-success"></i>{{friendChat.time}}</small>
									</div>
								</div>

								<div ng-if="friendChat.fromMe">
									<a href class="pull-right thumb-xs avatar"><img
										src="images/a0.jpg" class="img-circle" alt="..."></a>
									<div class="clear">
										<div class="pos-rlt wrapper-sm bg-light r m-r-sm">
											<span class="arrow right pull-up arrow-light"></span>
											<p class="m-b-none" ng-if="!friendChat.read">
												<b>{{friendChat.content}}</b>
											</p>
											<p class="m-b-none" ng-if="friendChat.read">{{friendChat.content}}</p>
										</div>
										<small class="text-muted">{{friendChat.time}}</small>
									</div>
								</div>
							</div>
							<!-- / chat list -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- / tasks -->
</div>
<!-- / main -->
